aaaaa<div class="panelLeft">
			<form method="post" action="">
			
			
			<div class="panelTabs">
			
				<div class="tabs">
					<a class="label" title="Categories">Categories</a>
				</div>
				
				<div class="backgroundFrame280Top"></div>
				<div class="backgroundFrame280">
				
				
				<div class="tabPanel"> <!--  to jest kontener zakĹ‚adki -->
					<ul class="categoryMenu">
						<li><a title="Racquets">Racquets</a>
							<ul>
								<li class="selected"><a href="rank_view_list.html" title="Racquets">tour</a></li>
								<li><a href="rank_view_list.html" title="Team">team</a></li>
								<li><a href="rank_view_list.html" title="intermediate">intermediate</a></li>
								<li><a href="rank_view_list.html" title="beginner">beginner</a></li>
							</ul>
						</li>
						
						<li><a title="Junior racquets">Junior racquets</a>
							<ul>
								<li><a href="rank_view_list.html" title="">Advanced junior racquets</a></li>
								<li><a href="rank_view_list.html" title="">26" junior racquets</a></li>
								<li><a href="rank_view_list.html" title="">25" junior racquets</a></li>
								<li><a href="rank_view_list.html" title="">kids racquets</a></li>
								
							</ul>
						</li>
						
						
						<li class="closed"><a title="Menâ€™s shoes">Menâ€™s shoes</a>
							<ul>
								<li><a href="rank_view_list.html" title="">Performance Men's Shoes</a></li>	
								<li><a href="rank_view_list.html" title="">Classic Men's Shoes</a></li>				
							</ul>
						</li>
						
						<li class="closed"><a title="Womenâ€™s shoes">Womenâ€™s shoes</a>
							<ul>
								<li><a href="rank_view_list.html" title="">Performance Women's Shoes</a></li>	
								<li><a href="rank_view_list.html" title="">Classic Women's Shoes</a></li>								
							</ul>
						</li>
						
						<li class="closed"><a title="Junior shoes">Junior shoes</a>
							<ul>
								<li><a href="rank_view_list.html" title="">Performance Junior Shoes</a></li>	
								<li><a href="rank_view_list.html" title="">Classic Junior Shoes</a></li>								
							</ul>
						</li>
						
						<li class="closed"><a title="Men's Apparel">Men's Apparel</a>
							<ul>
								<li><a href="rank_view_list.html" title="">Men's Crews</a></li>
								<li><a href="rank_view_list.html" title="">Men's Polos</a></li>
								<li><a href="rank_view_list.html" title="">Men's Long Sleeve</a></li>
								<li><a href="rank_view_list.html" title="">Men's T-Shirts</a></li>
								<li><a href="rank_view_list.html" title="">Men's Shorts</a></li>
								<li><a href="rank_view_list.html" title="">Men's Pants</a></li>
								<li><a href="rank_view_list.html" title="">Men's Outwear</a></li>
								<li><a href="rank_view_list.html" title="">Men's Warm-Ups</a></li>
							</ul>
						</li>
						
						<li class="closed"><a title="Women's Apparel">Women's Apparel</a>
							<ul>
								<li><a href="rank_view_list.html" title="">Women's Skirts</a></li>
								<li><a href="rank_view_list.html" title="">Women's Skorts</a></li>
								<li><a href="rank_view_list.html" title="">Women's Shorts</a></li>
								<li><a href="rank_view_list.html" title="">Women's Dresses</a></li>
								<li><a href="rank_view_list.html" title="">Women's Tops</a></li>
								<li><a href="rank_view_list.html" title="">Women's Tanks</a></li>
								<li><a href="rank_view_list.html" title="">Women's Cap Sleeve</a></li>
								<li><a href="rank_view_list.html" title="">Women's Outwear</a></li>
								<li><a href="rank_view_list.html" title="">Women's Polos</a></li>
								<li><a href="rank_view_list.html" title="">Women's T-Shirts</a></li>
								<li><a href="rank_view_list.html" title="">Women's Pants</a></li>
								<li><a href="rank_view_list.html" title="">Women's Warm-Ups</a></li>
							</ul>
						</li>
						
						<li class="closed"><a title="Boy's Apparel">Boy's Apparel</a>
							<ul>
								<li><a href="rank_view_list.html" title="">Boy's Crews</a></li>
								<li><a href="rank_view_list.html" title="">Boy's Polos</a></li>
								<li><a href="rank_view_list.html" title="">Boy's T-Shirts</a></li>
								<li><a href="rank_view_list.html" title="">Boy's Shorts</a></li>
								<li><a href="rank_view_list.html" title="">Boy's Pants</a></li>
								<li><a href="rank_view_list.html" title="">Boy's Outwear</a></li>
								<li><a href="rank_view_list.html" title="">Boy's Warm-Ups</a></li>
							</ul>
						</li>
						
						<li class="closed"><a title="Girl's Apparel">Girl's Apparel</a>
							<ul>
								<li><a href="rank_view_list.html" title="">Girl's Skirts</a></li>
								<li><a href="rank_view_list.html" title="">Girl's Skorts</a></li>
								<li><a href="rank_view_list.html" title="">Girl's Shorts</a></li>
								<li><a href="rank_view_list.html" title="">Girl's Dresses</a></li>
								<li><a href="rank_view_list.html" title="">Girl's Tops</a></li>
								<li><a href="rank_view_list.html" title="">Girl's Tanks</a></li>
								<li><a href="rank_view_list.html" title="">Girl's Outwear</a></li>
								<li><a href="rank_view_list.html" title="">Girl's Polos</a></li>
								<li><a href="rank_view_list.html" title="">Girl's T-Shirts</a></li>
								<li><a href="rank_view_list.html" title="">Girl's Pants</a></li>
								<li><a href="rank_view_list.html" title="">Girl's Warm-Ups</a></li>							
							</ul>
						</li>
						
						
						
					</ul>
					
					<!-- panelTab1 -->
					</div>
					
					
					
				
					
				<!-- frame280 -->
				</div>
				<div class="backgroundFrame280Bottom"></div>
				
				
				<br/>
				
				
				
				
				<div class="panelTabs">
					<div class="tabs">
						<a class="label" title="browse options">browse options</a>
					</div>
					
					
					
					
					<div class="backgroundFrame280Top"></div>
					<div class="backgroundFrame280">
						
						
						<ul class="options optVal5">
							<li class="head"><h5>Brand</h5></li>
							<li><input type="checkbox" name="idX" id="id1"/> <label for="id1">Avery Racquets</label></li>
							<li><input type="checkbox" name="idX" id="id2"/> <label for="id2">Babolat Racquets</label></li>
							<li><input type="checkbox" name="idX" id="id3"/> <label for="id3">Boris Becker Racquets</label></li>
							<li><input type="checkbox" name="idX" id="id4"/> <label for="id4">Donnay Racquets</label></li>
							<li><input type="checkbox" name="idX" id="id5"/> <label for="id5">Dunlop Racquets</label></li>
							<li><input type="checkbox" name="idX" id="id6"/> <label for="id6">Gamma Racquets</label></li>
							<li><input type="checkbox" name="idX" id="id7"/> <label for="id7">Head Racquets</label></li>
							<li class="more"><a title="more brands">more brands</a></li>
							<li class="less"><a title="less brands">less brands</a></li>
						</ul>
						
						<ul class="options optVal5">
							<li class="head"><h5>Head size</h5></li>
							<li><input type="checkbox" name="idX" id="id11" /> <label for="id11">under 90" <span>(1)</span></label></li>
							<li><input type="checkbox" name="idX" id="id12" /> <label for="id12">91" - 94" <span>(3)</span></label></li>
							<li><input type="checkbox" name="idX" id="id13" /> <label for="id13">95" - 98" <span>(5)</span></label></li>
							<li><input type="checkbox" name="idX" id="id14" /> <label for="id14">99" - 102" <span>(12)</span></label></li>
							<li><input type="checkbox" name="idX" id="id15" /> <label for="id15">103" - 106" <span>(24)</span></label></li>
							<li><input type="checkbox" name="idX" id="id16" /> <label for="id16">107"-110"<span>(14)</span></label></li>
							<li><input type="checkbox" name="idX" id="id17" /> <label for="id17">111" + <span>(8)</span></label></li>
							<li class="more"><a title="more brands">more brands</a></li>
							<li class="less"><a title="less brands">less brands</a></li>
						</ul>
						
						
						
						<ul class="options optVal5">
							<li class="head"><h5>Balance</h5></li>
							<li><input type="checkbox" name="idX" id="id21"/> <label for="id21">head heavy + <span>(16)</span></label></li>
							<li><input type="checkbox" name="idX" id="id22"/> <label for="id22">head heavy <span>(19)</span></label></li>
							<li><input type="checkbox" name="idX" id="id23"/> <label for="id23">even <span>(8)</span></label></li>
							<li><input type="checkbox" name="idX" id="id24"/> <label for="id24">head light <span>(22)</span></label></li>
							<li><input type="checkbox" name="idX" id="id25"/> <label for="id25">head light + <span>(11)</span></label></li>
							
						</ul>
						
						
						<ul class="options optVal5">
							<li class="head"><h5>Show only</h5></li>
						
						
							<li class="showOnly"><input type="checkbox" name="topRated" id="topRated"/><label for="topRated"><span class="scTopR">&nbsp;</span></label></li>
							<li class="showOnly"><input type="checkbox" name="mostPopular" id="mostPopular"/><label for="mostPopular"><span class="scTopP">&nbsp;</span></label></li>
							<li class="showOnly"><input type="checkbox" name="vip" id="vip"/><label for="vip"><span class="scVip">&nbsp;</span></label></li>
						</ul>
						<div class="clearBoth"></div>
					</div>
					<div class="backgroundFrame280Bottom"></div>
					
					<div class="submitTab"><input type="submit" name="submitBrowseOptions" value="show"/></div>
					
				</div>
			<!-- panelTabs -->	
			</div>
			
			<br/>
			
			<div class="panelTabs">
					<div class="tabs">
						<a class="label" title="rating browse options">Rating browse options</a>
					</div>
					<div class="backgroundFrame280Top"></div>
					<div class="backgroundFrame280">
					
						<div class="slider sliderPop">
							<p class="label">Popularity</p>
							<div class="sliderBg">
								<div class="sliderBgV"></div>
								<a class="button1">0%</a>
								<a class="button2">69%</a>
								<input type="hidden" name="ntpr_1" value="1"/>
								<input type="hidden" name="ntpr_2" value="5,5"/>	
							</div>
							<div class="valuesPop"></div>
						</div>
						
						<div class="slider">
							<p class="label">Rate</p>
							<div class="sliderBg">
								<div class="sliderBgV"></div>
								<a class="button1">1</a>
								<a class="button2">4</a>
								<input type="hidden" name="ntpr_1" value="1"/>
								<input type="hidden" name="ntpr_2" value="5,5"/>	
							</div>
							<div class="values15"></div>
						</div>
						
						<div class="spacer"></div>
						
						
						
						<div class="slider">
							<p class="label">Power</p>
							<div class="sliderBg">
								<div class="sliderBgV"></div>
								<a class="button1">1</a>
								<a class="button2">4</a>
								<input type="hidden" name="ntpr_1" value="1"/>
								<input type="hidden" name="ntpr_2" value="5,5"/>	
							</div>
							<div class="values15"></div>
						</div>
						
						<div class="slider">
							<p class="label">Spin</p>
							<div class="sliderBg">
								<div class="sliderBgV"></div>
								<a class="button1">1</a>
								<a class="button2">4</a>
								<input type="hidden" name="ntpr_1" value="1"/>
								<input type="hidden" name="ntpr_2" value="5,5"/>	
							</div>
							<div class="values15"></div>
						</div>
						
						<div class="slider">
							<p class="label">Manverability</p>
							<div class="sliderBg">
								<div class="sliderBgV"></div>
								<a class="button1">1</a>
								<a class="button2">4</a>
								<input type="hidden" name="ntpr_1" value="1"/>
								<input type="hidden" name="ntpr_2" value="5,5"/>	
							</div>
							<div class="values15"></div>
						</div>
					
					</div>
					<div class="backgroundFrame280Bottom"></div>
					<div class="submitTab"><input type="submit" name="submitBrowseOptions" value="show"/></div>
					
			</div>
			
			<br/>
			
			<div class="panelTabs">
					<div class="tabs">
						<a class="label" title="rating browse options">Player's choice</a>
					</div>
					<div class="backgroundFrame280Top"></div>
					<div class="backgroundFrame280">
					
						
							<ul class="options optVal5">
								<li class="head"><h5>Hand</h5></li>
								<li><input type="checkbox" name="o1" id="op1"/> <label for="op1">1 hand</label></li>
								<li><input type="checkbox" name="o1" value="o1" id="op2"/> <label for="op1">2 hand</label></li>
							</ul>
							 
							
							<ul class="options optVal5">
								<li class="head"><h5>Forehand</h5></li>
								<li><input type="checkbox" name="o11" id="op11"/> <label for="op11">1 handed</label></li>
								<li><input type="checkbox" name="o11" id="op12"/> <label for="op12">2 handed</label></li>
							</ul> 
							
							<ul class="options optVal5">
								<li class="head"><h5>Backhand</h5></li>
								<li><input type="checkbox" name="o12" id="op111"/> <label for="op111">1 handed</label></li>
								<li><input type="checkbox" name="o12" id="op112"/> <label for="op112">2 handed</label></li>
							</ul>
							
							
							<ul class="options optVal5">
								<li class="head"><h5>Player style</h5></li>
								<li><input type="checkbox" name="o13" id="op3111"/> <label for="op3111">Aggeresive baseliner</label></li>
								<li><input type="checkbox" name="o13" id="op3112"/> <label for="op3112">Defensive baseliner</label></li>
								<li><input type="checkbox" name="o13" id="op3113"/> <label for="op3113">Couner pouncher</label></li>
								<li><input type="checkbox" name="o13" id="op3114"/> <label for="op3114">All court player</label></li>
							</ul>
						
						<div class="spacer"></div>
					
						<div class="slider">
							<p class="label">NTPR</p>
							<div class="sliderBg">
								<div class="sliderBgV"></div>
								<a class="button1">1,0</a>
								<a class="button2">5,5</a>
								<input type="hidden" name="ntpr_1" value="1"/>
								<input type="hidden" name="ntpr_2" value="5,5"/>	
							</div>
							<div class="values"></div>
						</div>
						
					</div>
					<div class="backgroundFrame280Bottom"></div>
					<div class="submitTab"><input type="submit" name="submitBrowseOptions" value="show"/></div>
			</div>
			
			
			</form>
			
			
		<!-- panelLeft -->
		</div>
		
		<div class="panelRight">
			
			<div class="sortBar">
				<ul>
					<li class="button"><a class="closed" title="Expand"></a></li>
					<li class="sort">sort by:</li>
					<li><a href="#" class="ascSelected" title="sort by ..."></a> <a href="#" class="desc" title="sort by ..."></a> popularity</li>
					<li><a href="#" class="asc" title="sort by ..."></a> <a href="#" class="desc" title="sort by ..."></a> rate</li>
					<li><a href="#" class="asc" title="sort by ..."></a> <a href="#" class="desc" title="sort by ..."></a> product name</li>
					<li><a href="#" class="asc" title="sort by ..."></a> <a href="#" class="desc" title="sort by ..."></a> brand</li>
					
					<li class="switch"><a href="{url label=catSwitchView}" title="switch to box view" class="boxView">switch to box view</a></li>
				</ul>
			</div>
			<div class="sortBarExt hidden">
				<p>filters:</p>
				<ul>
					<li>no filters</li>
					<li>filter value <a title="clear filter"><img src="images/iconClose.gif" alt="close"/></a></li>
					<li>filter value <a title="clear filter"><img src="images/iconClose.gif" alt="close"/></a></li>
					<li>filter value <a title="clear filter"><img src="images/iconClose.gif" alt="close"/></a></li>
					<li>filter value <a title="clear filter"><img src="images/iconClose.gif" alt="close"/></a></li>
					<li>filter value <a title="clear filter"><img src="images/iconClose.gif" alt="close"/></a></li>
					<li>filter value <a title="clear filter"><img src="images/iconClose.gif" alt="close"/></a></li>
					<li>filter value <a title="clear filter"><img src="images/iconClose.gif" alt="close"/></a></li>
					<li>filter value <a title="clear filter"><img src="images/iconClose.gif" alt="close"/></a></li>
				</ul>
				<div class="clearBoth"></div>
			</div>
			
			<div class="pages">
				<div class="pagesL">
					<a href="#" title="first" class="first"></a>
					<a href="#" title="prev" class="prev"></a>
	
					<a href="#" title="1" class="no">1</a>
					<a href="#" title="2" class="noSelected">2</a>
					<a href="#" title="3" class="no">3</a>
					<a href="#" title="4" class="no">4</a>
					<a href="#" title="5" class="no">5</a>
					<a title="of" >of</a>
					<a href="#" title="123" class="no">123</a>
					
					<a href="#" title="next" class="next"></a>
					<a href="#" title="last" class="last"></a>
				</div>
				
				<div class="pagesR">
					<a title="show" >show</a>
					<a href="#" title="10" class="noSelected">10</a>
					<a href="#" title="20" class="no">20</a>
					<a href="#" title="30" class="no">30</a>
					<a href="#" title="50" class="no">50</a>
					<a title="items per page" >items per page</a>
					
				</div>
			</div>
			
			<!-- pages -->
			{section name=foo loop=10}
			<div class="pRacqetV">
				<h2><a href="product_view.html" title="Head Youtek Extreme Pro Tennis Racqet">Head Youtek Extreme Pro Tennis Racqet</a></h2>
				<div class="thumb"><a href="product_view.html" title="Racquet Name"><img src="images/temp/racqet1.jpg" alt="Racquet Name"/></a></div>
				<div class="logo"><a href="product_view.html" title="Company Name"><img src="images/temp/logoBabolat.gif" alt="Company Name"/></a></div>
				<ul class="links">
					<li><a title="Add to compare" class="add2compare">add to compare</a></li>
					<li><a title="compare prices" class="comparePrices">compare prices</a></li>
					<li><a title="PDF" class="pdf">PDF</a></li>
				</ul>
				<div class="popRatePanel">
					<p class="popularity">popularity<span>75,34%</span></p>
					<p class="rate">rate<span>4,348</span></p>
				</div>
				<p class="group">product group: <a href="product_view.html" title="intermediate">intermediate</a></p>
				<div class="rank">rank<span>1</span></div>
				<a class="scTopR" title="Top Rated"></a>
				<a class="scTopP" title="Top Popular"></a>
				<a class="scVip"  title="VIP"></a>
				<div class="extendedRanks">
					<div class="label">power</div>
					<div class="ruler"><img src="{$urlStatic}/image/Strona/backgroundRulerValue.gif" width="40" alt="bar"/></div>
					<div class="label">control</div>
					<div class="ruler"><img src="{$urlStatic}/image/Strona/backgroundRulerValue.gif" width="1" alt="bar"/></div>
					<div class="label">spin</div>
					<div class="ruler"><img src="{$urlStatic}/image/Strona/backgroundRulerValue.gif" width="20" alt="bar"/></div>
					<div class="label">speed</div>
					<div class="ruler"><img src="{$urlStatic}/image/Strona/backgroundRulerValue.gif" width="25" alt="bar"/></div>
					<div class="label">maneuverability</div>
					<div class="ruler"><img src="{$urlStatic}/image/Strona/backgroundRulerValue.gif" width="35" alt="bar"/></div>
				</div>
			</div>			
			{/section}
			

			<div class="pages">
				<div class="pagesL">
					<a href="#" title="first" class="first"></a>
					<a href="#" title="prev" class="prev"></a>
	
					<a href="#" title="1" class="no">1</a>
					<a href="#" title="2" class="noSelected">2</a>
					<a href="#" title="3" class="no">3</a>
					<a href="#" title="4" class="no">4</a>
					<a href="#" title="5" class="no">5</a>
					<a title="of" >of</a>
					<a href="#" title="123" class="no">123</a>
					
					<a href="#" title="next" class="next"></a>
					<a href="#" title="last" class="last"></a>
				</div>
				
				<div class="pagesR">
					<a title="show" >show</a>
					<a href="#" title="10" class="noSelected">10</a>
					<a href="#" title="20" class="no">20</a>
					<a href="#" title="30" class="no">30</a>
					<a href="#" title="50" class="no">50</a>
					<a title="items per page" >items per page</a>
					
				</div>
			</div>
		
		
		<!-- panelRight -->
		</div>